<script setup>
import tabbar from '@/components/tabbar/index.vue'
import { ref } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const clickHandle = () => {
  router.push('/userBh')
}
</script>

<template>
  <div class="home-container">
    <van-nav-bar safe-area-inset-top :border="false" fixed>
      <template #left>
        <img src="./img/menu.png" />
      </template>
      <template #title>app模板</template>
      <template #right>
        <span class="profile" />
      </template>
    </van-nav-bar>
    <tabbar />

    <div class="conten-container">
      <van-button
        @click="clickHandle"
        text="text"
        size="small"
        color="linear-gradient(to right, #ff6034, #ee0a24)"
        >用户行为
      </van-button>
    </div>
  </div>
</template>

<style lang="less">
.home-container {
  height: 2000px;
  padding-bottom: 50px;
  background-size: 100% 45%;
  padding: 0 22px;
  text-align: center;
  .profile {
    height: 40px;
    display: inline-block;
    height: 34px;
    width: 34px;
    background: var(--van-gradient-main);
    border-radius: 4px;
  }
  .conten-container {
    padding: 50px;
  }
}
</style>
